.waterfall {
  display: flex;
  justify-content: center;
  margin-top: rpx2px(20);

  .column {
    padding: rpx2px(0) rpx2px(15);
    flex: 1;
    
    &.column1 {
      flex-direction: column;
      align-items: flex-start;
    }

    &.column2 {
      flex-direction: column-reverse;
      align-items: flex-end;
    }
  }

  .column-item {
    margin-bottom: rpx2px(20);
    width: 100%;
    border-radius: rpx2px(10);

    img {
      width: 100%;
      height: 100%;
      border-radius: rpx2px(10);
    }
  }
}
